<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册界面留档</title>
</head>
<body>
    <h2>注册界面留档</h2>
    <form>
    <table width="500">
        <tr>
            <td>上传头像:</td>
            <td>
                <input type="file" value="上传头像">
            </td>
        </tr>
        <tr>
          <td>性别:</td> 
          <td>
<label for="nan"><img src="val.jpg" width=" 50">男<input type="radio" id="nan" name="sex" value="性别"> </label>
<label for="nv"><img src="val.jpg" width="50">女<input type="radio" id="nv" name="sex" value="性别"> </label>           
          </td>  
        </tr>
        <!-- 第一行结束 -->
        <tr>
            <td>生日:</td>
            <td>
                    <select>
                        <option>请选择年</option>
                        <option>2000</option>
                        <option>2001</option>
                        <option>2002</option>
                    </select>
                <select>
                    <option>请选择月</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
                <select>
                    <option>请选择日</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                </select>
            </td>
        </tr>
        <!-- 第二行结束 -->
         <tr>
            <td>所在地区：</td>
            <td>
                <select>
                    <option>请选择地区</option>
                    <option>陕西</option>
                    <option>上海</option>
                    <option>北京</option>
                </select>
            </td>
        </tr>
        <!-- 第三行结束 -->
        <tr>
            <td>婚姻状况：</td>
            <td>
            <label for="weihun">未婚<input type="radio" id="weihun" name="婚姻状态"> </label>
            <label for="yihun">已婚<input type="radio" id="yihun" name="婚姻状态"> </label>
            <label for="lihun">离婚<input type="radio" id="lihun" name="婚姻状态"> </label>
            </td>
        </tr>
        <!-- 第四行结束 -->
        <tr>
             <td>
                <label for="xueli">学历：</td></label>  
            <td>
              <input type="text"  value="请输入学历" id="xueli">
            </td>
        </tr>
        <!-- 第五行结束 -->
        <tr>
            <td>喜欢的类型：</td>
            <td>
            <label for="keai">可爱<input type="radio" id="keai" name="类型" value="可爱"></label>
            <label for="yujie">御姐<input type="radio" id="yujie" name="类型" value="御姐"></label>
            <label for="tongxing">同性<input type="radio" id="tongxing" name="类型" value="同性"></label>
            </td>
        </tr>
    <!-- 第六行结束 -->
    <tr>
        <td><label for="jieshao">自我介绍：</td></label>  
        <td>
        <textarea id="jieshao">请输入自我介绍</textarea>
        </td>
    </tr>
    <!-- 第七行结束 -->
    <tr>
        <td></td>
        <td>
            <input type="submit" value="完成注册">
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
           <input type="checkbox"  checked="checked" >我同意注册条款和会员加入
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <a href="#">我是会员，立即登录。</a>
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <h2>我承诺</h2>
            <ul>
                <li>年满18岁</li>
                <li>诚信找对象</li>
                <li>严肃认真</li>
            </ul>
        </td>
    </tr>
    </form>
    </table>
</body>
</html>